<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>流程预览</title>
    <style>
        .viewspace{
            top: 0;
            left: 15px;
            width: calc(100vw);
            height: calc(100vh);
            position: absolute;
            overflow: auto;
            border: 1px solid #d5d5d5;
            background: white;
            scrollbar-width: thin;
        }
        #container{
            width:100%;
            height: 100%;
        }
        div ::-webkit-scrollbar {
            /*滚动条整体*/
            width: 4px;
            height: 8px;
            border-radius: 5px;
        }
        div ::-webkit-scrollbar-track {
            /*滚动条轨道*/
            background: #e3e3e3;
            border-radius: 2px;
        }
        div ::-webkit-scrollbar-thumb {
            /*滚动条里面的滑块*/
            background: #d1d1d1;
            border-radius: 2px;
        }
        div ::-webkit-scrollbar-thumb:hover {
            /*滚动条鼠标事件，鼠标放上去出现的事件*/
            background: #a8a8a8;
        }
        div ::-webkit-scrollbar-corner {
            /*滚动条边角*/
            background: #a8a8a8;
        }
    </style>
</head>
<body>
<!--画布区域-->
<div class="viewspace">
    <div id="container">
        <img src="{$image|htmlentities}">
    </div>
</div>
<!--画布区域-->
</body>
</html>
